html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object, button{margin: 0px; padding: 0px; word-wrap: break-word; color: #444444;}
html, body{height: 100%; margin: 0px; padding: 0px; border: none; background-color: #ffffff;}
body, input, button, select, textarea{font-family: tahoma, Arial, Verdana, sans-serif; color: #333333;}
textarea{resize: none;}
img{border: 0px;}

/* ul, ol{list-style: none outside none;} */
a{color: #136ec2; text-decoration: none;}
a,img{margin: 0px; padding: 0px;}
a:link{color: #136ec2; text-decoration: none;}
a:visited{color: #136ec2; text-decoration: none;}
a:hover{text-decoration: underline;}
/* #1f3a87 vertical-align: middle; */
img{border: 0px solid #ffffff;}
em{font-style: normal;}

.nb{border: none;}
.bb{font-weight: bold;}
.bb{font-weight: bold;}
.nw{white-space: nowrap;}
.top{vertical-align: top;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}

.red{color: #ff0000;}
.white{background-color: #ffffff;}
.required{color: #ff0000;}
.gray{color: #666666;}
.note{color: #ff0000;}
.hide{display: none;}
.show{display: block;}

.fl{float: left;}
.fr{float: right;}

.second{color: #9c9c9c;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

a.btn {
    margin: 0px 2px 0px 0px;
    padding: 0px 16px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #bad9f4;
    background-color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    color: #666666;
    cursor: default;
}
a.btn:hover{border: 1px solid transparent; background-color: #d1e3f3; color: #ff6600;}
a.faq{margin-left: 10px; width: 13px; background: url(../images/faq.gif) 0px 3px no-repeat; text-decoration: none; display: none;}

.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w240{width: 240px;}
.w250{width: 240px;}
.w260{width: 240px;}
.w280{width: 280px;}
.w300{width: 300px;}
.w320{width: 320px;}
.w340{width: 340px;}
.w360{width: 360px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w680{width: 680px;}
.w700{width: 700px;}
.w720{width: 720px;}
.w740{width: 740px;}
.w760{width: 760px;}
.w780{width: 780px;}
.w800{width: 800px;}

.h10{height: 10px;}
.h20{height: 20px;}
.h22{height: 22px;}
.h24{height: 24px;}
.h28{height: 28px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}
.h120{height: 120px;}
.h140{height: 140px;}
.h150{height: 150px;}
.h160{height: 160px;}
.h180{height: 180px;}
.h200{height: 200px;}
.h220{height: 220px;}
.h240{height: 240px;}
.h250{height: 250px;}
.h260{height: 260px;}
.h270{height: 270px;}
.h280{height: 280px;}
.h290{height: 290px;}
.h300{height: 300px;}
.h320{height: 320px;}
.h340{height: 340px;}
.h360{height: 360px;}
.h380{height: 380px;}
.h400{height: 400px;}
.h420{height: 420px;}
.h450{height: 450px;}
.h460{height: 460px;}
.h480{height: 480px;}
.h500{height: 500px;}
.h600{height: 600px;}
.h700{height: 700px;}
.h800{height: 800px;}

.lpad0{padding-left: 0px;}
.lpad2{padding-left: 2px;}
.lpad4{padding-left: 4px;}
.lpad5{padding-left: 5px;}
.lpad6{padding-left: 6px;}
.lpad8{padding-left: 8px;}
.lpad10{padding-left: 10px;}
.lpad12{padding-left: 12px;}
.lpad14{padding-left: 14px;}
.lpad16{padding-left: 16px;}
.lpad18{padding-left: 18px;}
.lpad20{padding-left: 20px;}
.lpad24{padding-left: 24px;}
.lpad28{padding-left: 28px;}
.lpad30{padding-left: 30px;}
.lpad32{padding-left: 32px;}
.lpad36{padding-left: 36px;}
.lpad40{padding-left: 40px;}

.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}

.c10{clear: both; height: 10px;}
.c20{clear: both; height: 20px;}

/* select{margin: 0px; height: 24px; line-height: 22px; border: 1px solid #d0d0d0; outline: none;} */
input.text{margin: 0px; padding: 0px 0px 0px 4px; height: 22px; border: 1px solid #d0d0d0; font-size: 13px; outline: none; color: #000000;}
input.text2{padding-left: 2px; width: 100%; height: 22px; box-sizing: border-box; border: 1px solid transparent; font-size: 13px; outline: none; color: #000000;}
input.text2:focus{border: 1px solid #c0c0c0; color: #000000;}

input.button {padding-left: 10px; padding-right: 10px; height: 24px; border: 1px solid #cccccc; background-color: #ffffff;}
input.button:hover{border: 1px solid #ff6a00; background-color: #ff6a00; color: #ffffff;}

img.select{margin-top: -4px; margin-left: 0px; padding: 0px; border: 0px solid #ffffff; vertical-align: middle;}
a:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {outline: medium none;}
h4.message{margin: 20px 0px 20px 0px; font-size: 16px; color: #999999;}

a.ensure {border: 1px solid #d73104; background-color: #d73104; color: #ffffff;}
a.ensure:hover {border: 1px solid #ff0000; background-color: #ff0000; color: #ffffff;}
a.disabled{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

textarea.texteditor{
    width: 100%;
    height: 460px;
    padding: 4px 0px 200px 20px;
    border: 0px solid #7f9db9;
    box-sizing: border-box;
    background-color: transparent;
    outline: none;
    resize: none;
    line-height: 19px;
    color: #000000;
}

/* wrap */
div.header{background-color: #ffffff;}
div.body{background-color: #ffffff;}
div.wrap{clear: both; margin: 0px auto; padding: 0px; width: 980px; background-color: #ffffff;}
div.word{clear: both; margin: 0px auto; padding: 0px 30px 20px 30px; width: 980px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 4px 4px #bdcfec; -moz-box-shadow: 0px 0px 4px 4px #bdcfec; box-shadow: 0px 0px 4px 4px #dddddd;}

div.ctrl-panel{clear: both; margin: 0px; padding: 16px 10px; min-width: 980px; height: 28px; border-bottom: 4px solid #ececec; background-color: #ffffff;}
div.ctrl-panel div.input-wrap{float: left; margin: 0px; padding: 0px; border: 1px solid #efefef; border-radius: 3px; display: inline-block; overflow: hidden;}
div.ctrl-panel div.input-wrap div.input-limit{float: left; margin: 0px; padding: 0px; width: 560px; height: 30px;}
div.ctrl-panel div.input-wrap div.input-limit input[type="text"]{
    display: inline-block;
    margin: 0px;
    padding: 3px 4px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select: text;
    outline: none;
    resize: none;
    color: #999999;
}
div.ctrl-panel div.input-wrap div.input-limit input[type="text"]:focus{/* background-color: #e7f3fd; */ color: #333333;}
div.ctrl-panel div.input-wrap div.favorite1{float: left; display: inline-block; margin: 0px; padding: 0px; width: 30px; height: 28px; background: transparent url(../images/favorite1.png) no-repeat 4px 2px;}
div.ctrl-panel div.input-wrap div.favorite2{float: left; display: inline-block; margin: 0px; padding: 0px; width: 30px; height: 28px; background: transparent url(../images/favorite2.png) no-repeat 4px 2px;}

div.ctrl-panel div.menu-wrap{float: left; margin: 0px; padding: 0px;}
div.ctrl-panel div.menu-wrap div.button{
    float: left;
    position: relative;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    padding: 6px 20px;
    height: 20px;
    border: none;
    border-radius: 4px;
    background-color: #2dbe60;
    user-select: none;
    line-height: 20px;
    font-family: "tahoma, Arial, Verdana, sans-serif";
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
div.ctrl-panel div.menu-wrap div.button.disabled{background-color: #e8e8e8; color: #888888; cursor: default;}
div.ctrl-panel div.menu-wrap div.button span.text{margin: 0px; padding: 0px;}
div.ctrl-panel div.menu-wrap div.button span.more{
    position: absolute;
    top: 14px;
    right: 4px;
    width: 12px;
    height: 12px;
    background: transparent url(../images/more.gif) no-repeat 0px 0px;
}
div.ctrl-panel div.menu-wrap div.button:hover div.menu{display: block;}
div.ctrl-panel div.menu-wrap div.button div.menu{
    display: none;
    position: absolute;
    top: 30px;
    left: -48px;
    width: 150px;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    z-index: 999;
}

div.ctrl-panel div.menu-wrap div.button div.menu ul{
    margin: 4px;
    padding: 6px;
    list-style: none;
    background-color: #333333;
}

div.ctrl-panel div.menu-wrap div.button div.menu ul li{padding: 4px 8px; font-size: 12px; color: #ffffff;}
div.ctrl-panel div.menu-wrap div.button div.menu ul li:hover{background-color: #000000; color: #ffffff;}
div.edit-panel{position: absolute; top: 64px; bottom: 0px; left: 0px; width: 100%; border: none;}

div.nav-bar{padding: 12px 0px 12px 0px; height: 20px}
div.nav-bar a{float: left; padding-top: 1px; padding-left: 0px; font-weight: bold; color: #002f4e; overflow: hidden; text-decoration: none;}
div.nav-bar em{float: left; width: 18px; height: 16px; margin: 0px; padding: 0px; background: transparent url(../images/gt.gif) no-repeat 6px 5px; overflow: hidden;}

/* */
div.panel{padding: 10px; border: 1px solid #dddddd; background-color: #ffffff; overflow: hidden;}
div.panel div.title{border-bottom: 1px dashed #cdcdcd; background-color: #ffffff;}
div.panel div.title h4 {
    margin: 4px 0px 2px 0px;
    padding: 0px 0px 2px 18px;
    background: transparent url(../images/viewtip.gif) no-repeat 0px 3px;
    text-align: left;
    font-size: 14px;
    color: #666666;
}
div.panel div.title h4 a{color: #666666;}
div.panel div.title h4 span.label {font-size: 12px; font-weight: normal;}
div.panel div.title h4 span.label strong {font-weight: bold; color: #ff6a00;}
div.panel div.body p{line-height: 30px;}

/* note properties panel */
div.block-panel{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffff; overflow: hidden; z-index: 999; display: none;}
div.block-panel div.content-panel{width: 680px; margin: 0px auto; padding-top: 100px;}

div.more{margin: 4px 0px 0px 0px; padding: 10px; border-top: 1px dashed #d8d1d1; font-weight: bold; text-align: right;}
div.more a{color: #67b7f9;}

/* menu */
div.menu-bar {padding-left: 4px; height: 32px; border-bottom: 1px solid #dddddd; background-color: #f8f8f8; overflow: hidden;}
div.menu-bar a.button{
    float: left;
    margin: 2px 0px;
    padding: 0 16px 0 28px;
    height: 26px;
    line-height: 26px;
    border: 1px solid transparent;
    border-radius: 3px;
    outline: none;
    text-decoration: none;
    font-size: 13px;
    color: #333333;
    position: relative;
    display: inline-block;
}

div.menu-bar a.button:hover{border: 1px solid #dfdfdf; background-color: #dfdfdf; color: #333333;}
div.menu-bar a.disabled:hover{border: 1px solid transparent; background-color: transparent; cursor: default;}
div.menu-bar a.button span{
    position: absolute;
    top: 5px;
    left: 8px;
    width: 18px;
    height: 18px;
    background: transparent url(../images/sprite.gif) no-repeat scroll 0px 0px;
    display: inline-block;
}

div.menu-bar a.button span.back{background-position: 0px 0px;}
div.menu-bar a.button span.refresh{background-position: -20px 0px;}
div.menu-bar a.button span.add{background-position: -40px 0px;}
div.menu-bar a.button span.save{background-position: -58px 0px;}
div.menu-bar a.button span.delete{background-position: -78px 0px;}
div.menu-bar span.seperator{
    float: left;
    margin: 4px 6px;
    width: 0px;
    height: 22px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #ffffff;
    background: none;
    color: transparent;
    text-indent: -10px;
    display: inline-block;
}

/* */
div.main-panel{
    clear: both;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}

div.menu-panel {
    margin: 0px;
    padding: 0px;
    border-bottom: 2px solid #ececec;
    overflow: hidden;
}

div.menu-panel h4 {float: left; margin: 8px 0px 4px 0px; font-size: 16px; font-weight: bold; color: #2dbe60;}
div.menu-panel h4 span{font-size: 12px; color: #999999;}
div.menu-panel div.menu {margin: 0px 0px 0px 400px; overflow: hidden;}

div.menu-panel div.menu a.item {
    display: inline-block;
    float: left;
    outline: medium none;
    margin: 8px 4px 0px 0px;
    padding: 4px 16px 4px 16px;
    border-radius: 4px 4px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #999999;
}

/* #ffa200 */
div.menu-panel div.menu a:hover {background-color: #f3f3f3; color: #888888;}
div.menu-panel div.menu a.active {background-color: #ff6a00; color: #ffffff;}

/* form */
div.form {overflow: hidden;}
div.tips {overflow: hidden;}
div.form div.title, div.tips div.title {
    clear: both;
    margin-bottom: 6px;
    border-bottom: 1px dashed #dddddd;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    overflow: hidden;
}
div.tips div.title h4, div.form div.title h4{
    float: left;
    margin: 10px 0px 6px 0px;
    width: 360px;
    padding-left: 18px;
    background: url(../images/viewtip.gif) no-repeat 0px 1px;
    text-align: left;
    font-size: 12px;
    color: #336699;
}

ul.tips {margin: 10px 0px 10px 0px;}
ul.tips li {
    margin-bottom: 5px;
    padding: 0px 0px 5px 14px;
    line-height: 160%;
    background: url(../images/dot.gif) no-repeat 0px 7px;
}

div.wiki-info{}
div.wiki-info span.prop{background-image: url();}

div.archive-list {padding: 4px 10px 0px 10px; border: 1px solid #dddddd; background-color: #f9f9f9;}
div.archive-list div.title{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 6px;
    color: #5f5f5f;
    border-bottom: 1px dashed #d8d1d1;
}

/* image browser start */
div.slider{overflow: hidden; position: relative;}
div.slider div.sliderbox{margin: 0px auto 0px auto; overflow: hidden;}
div.slider div.sliderbox img{cursor: pointer;}
div.sliderbar{width: 100%; height: auto; padding-top: 20px; text-align: center;}

div.sliderbar a{
    margin: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

div.sliderbar a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

div.sliderbar a.active{
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-weight: bold;
}

div.slider span.img-prev{
    left: 0px;
}

div.slider span.img-prev, div.slider span.img-next{
    position: absolute;
    top: -3px;
    right: 0;
    width: 70px;
    height: 100%;
    border: none;
    background: #efefef;
    font-size: 40px;
    color: #ccc;
    outline: 0px;
    cursor: pointer;
}

div.slider span.img-prev:hover, div.slider span.img-next:hover{background-color: #e6e6e6;}

span.img-switch-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -85px 0px 0px -18px;
    width: 40px;
    height: 72px;
    background: url(../images/slider.png) no-repeat 0px 0px;
}

div.slider span.img-prev span.img-switch-btn{background-position: 0px -86px;}
div.slider span.img-next span.img-switch-btn{background-position: 0px 0px;}

div.slider span.img-prev:hover span.img-switch-btn{background-position: -46px -86px;}
div.slider span.img-next:hover span.img-switch-btn{background-position: -46px 0px;}
/* image browser end */

/* table.list start */
table{
    width: 100%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    background-color: #ffffff;
    font-size: 13px;
}

table, table td{
    padding: 4px 0px 4px 4px;
    border: none;
    border-collapse: collapse;
}

table.list tr td{padding-left: 2px; padding-right: 2px; border: 1px solid #efefef; line-height: 24px;}
table.list tr.head td{
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    background-color: #f8f8f8;
    color: #000000;
}

table.list tr.head td em{font-style: normal;}
table.list tr.head td em.title{float: left; height: 20px; line-height: 20px;}
table.list tr.head td em.order{float: left; width: 20px; height: 20px;}
table.list tr.head td em.asc{background: url(../images/narrow.gif) repeat-y scroll 0px 0px transparent;}
table.list tr.head td em.desc{background: url(../images/narrow.gif) repeat-y scroll 0px -20px transparent;}
table.list tr.selected{background-color: #e4edf8;}
table.list tr td a.ellipsis, table.list tr td span.ellipsis{display: inline-block; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* table.form start */
table.form{
    width: 100%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    background-color: #ffffff;
    font-size: 13px;
}

table.form td, table.form th{
    border-right: 0px #c0c0c0 solid;
    border-bottom: 0px #c0c0c0 solid;
}

table.form tr{
    height: 26px;
}

table.form tr.thead{
    height: 26px;
    background-color: #f1f1f1;
}

table.form tr.head2{height: 48px; background-color: #eaf8ff; border-bottom: 1px solid #e1e1e1;}
table.form tr.head3{height: 26px; background-color: #eaf8ff;}
table.form tr.head4{height: 48px; background-color: #eaf8ff;}

table.form tr.thead td, table.form tr.thead th{
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    color: #0f2c64;
}

table.form tr.thead td, table.form tr.thead h4{
    font-size: 13px;
}

table.form tr.thead td, table.form tr.thead h4 img{
    margin-top: -1px;
}

table.form tr th{white-space: nowrap;}

table.form tr td{
    border: 0px solid #fafafa;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
}

table.form tr td.c1, table.form tr th.c1{
    width: 40px;
    vertical-align: middle;
    text-align: center;
}

table.form tr td.c2, table.form tr th.c2{
    width: 40px;
    vertical-align: middle;
    text-align: center;
}

table.form tr.old{background-color: #ffffff;}
table.form tr.even{background-color: #f9f9f9;}
table.form tr.hover{background-color: #e8f5fe;}
table.form tr.clicked{background-color: #ffffdd;}
/* table.form end */

table.grid{
    width: 100%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    background-color: #ffffff;
}

table.grid tr.head{height: 32px; background-color: #efefef;}

table.grid, table.grid td, table.grid th{
    padding-left: 4px;
    border: 1px solid #cdcdcd;
    border-collapse: collapse;
}

table.grid tr td p{margin-top: 15px; font-size: 14px;}

